/**
 * Created by Administrator on 2016/9/23.
 */

$(".zoom").hover(function(){
    $(".zoom-tool").show();
    $(".zoomd").show();
},function(){
    $(".zoom-tool").hide();
    $(".zoomd").hide();
});
$(".zoom").mousemove(function(e){
    var x = e.pageX - $(".zoom").offset().left-$(".zoom-tool").width()/2;
    var y = e.pageY - $(".zoom").offset().top - $(".zoom-tool").height()/2;
    var xx = Math.max(Math.min(x,$(".zoom").width()-$(".zoom-tool").width()),0);
    var yy = Math.max(Math.min(y,$(".zoom").height()-$(".zoom-tool").height()),0);

    $(".zoom-tool").css({
        left:xx
    });
    $(".zoom-tool").css({
        top:yy
    });
    $(".zoomd img").css({
        left:-2*xx
    });
    $(".zoomd img").css({
        top:-2*yy
    });
});

// ul li 浮动
$(".zoom-list>ul>li").hover(function(e){
    var $index = $(e.target).index();
    $(".zoom img").hide().eq($index).show();
    $(".zoomd img").hide().eq($index).show();

},function(){

});






//添加购物车
$(".joinCart").click(function(){

    //图片#描述#数量#单价
    var $pid = $(this).attr("pid");
    var $img = $(".detail-fl .zoom .zi").attr("src");
    var $intro = $(".detail-cen h2").html();
    var $num = $(".p5 input").attr("value");
    var $price = $(".p1 .price").html();
    var str = $pid + "#" + $img + "#" + $intro + "#" + "1" + "#" + $price;
    console.log(str)
    var $shopcart = $.cookie("shopcart");
    if(!$shopcart){
        $.cookie("shopcart",str,{
            expires:9,
        });
    }else{
        var result = strOper.add($shopcart,str);
        $.cookie("shopcart",result);
    }


    var $productImg = $(".detail-fl .zoom .zi");
    // console.log($productImg)

    $productImg.clone()
        .appendTo("body")
        .css({
            position:"absolute",
            left:$productImg.offset().left,
            top:$productImg.offset().top,
            width:380,
            height:380,
            opacity:0.9
        }).animate({
        left:$productImg.offset().left + 160,
        top:$productImg.offset().top + 160,
        width:60,
        height:60,
    },400).delay(300).animate({
        left:$(".tcart").offset().left,
        top:$(".tcart").offset().top,
        opacity:0,
        width:0,
        height:0
    },400);


});


//




